<!DOCTYPE html>
<html lang="en">
<head> 
    <title>Vue复习</title>
    <script src="vue.js"> </script>
</head>
<body>
    <div id="app">    
<!--         <input type="text"  v-model="message">
        <a v-bind:href="url"  target="_self">游戏链接</a>
        <a v-bind:href="url"  target="_self">游戏链接</a>
        <a v-bind:href="url"  target="_self">游戏链接</a> -->
        <!-- <input type="button" value="按钮"  v-on:click="chage()">
 -->
       <!--  <span v-if="age<18">未成年</span>
        <span v-else-if="age>=18&&age<=40">青年</span>
        <span v-else>中年</span> -->
        <span v-show="age<18">未成年</span>
        <span v-show="age>=18&&age<=40">青年</span>
        <span v-show>中年</span>
    </div>

</body>

<script>
    new Vue({
        el:"#app",
        data:{
            age:15,
           message:"Hello world",
           url:"http://t.csdn.cn/w5tHw"
        },
        methods: {
            chage:function(){
              alert("执行方法");
          }
        }
    })
</script>


</html>